// 设计系统变量
// 基于 Cool Unix 设计理念

// 主色调
$primary-color: #007aff;
$primary-light: #4da6ff;
$primary-dark: #0056b3;

// 渐变色系
$gradient-primary: linear-gradient(135deg, #007aff 0%, #4da6ff 100%);
$gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
$gradient-success: linear-gradient(135deg, #28a745 0%, #20c997 100%);
$gradient-warning: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
$gradient-danger: linear-gradient(135deg, #dc3545 0%, #e83e8c 100%);

// 中性色
$white: #ffffff;
$gray-50: #f8f9fa;
$gray-100: #f1f3f4;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;

// 文字颜色
$text-primary: #212529;
$text-secondary: #6c757d;
$text-muted: #adb5bd;
$text-white: #ffffff;

// 背景色
$bg-primary: #ffffff;
$bg-secondary: #f8f9fa;
$bg-tertiary: #f1f3f4;

// 阴影
$shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
$shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.12);
$shadow-lg: 0 8rpx 32rpx rgba(0, 0, 0, 0.15);
$shadow-xl: 0 16rpx 48rpx rgba(0, 0, 0, 0.2);

// 圆角
$radius-sm: 8rpx;
$radius-md: 12rpx;
$radius-lg: 16rpx;
$radius-xl: 20rpx;
$radius-2xl: 24rpx;
$radius-full: 50%;

// 间距
$spacing-xs: 8rpx;
$spacing-sm: 12rpx;
$spacing-md: 16rpx;
$spacing-lg: 24rpx;
$spacing-xl: 32rpx;
$spacing-2xl: 48rpx;
$spacing-3xl: 64rpx;

// 字体大小
$font-xs: 20rpx;
$font-sm: 24rpx;
$font-base: 28rpx;
$font-lg: 32rpx;
$font-xl: 36rpx;
$font-2xl: 40rpx;
$font-3xl: 48rpx;
$font-4xl: 56rpx;

// 字体粗细
$font-light: 300;
$font-normal: 400;
$font-medium: 500;
$font-semibold: 600;
$font-bold: 700;

// 动画
$transition-fast: 0.15s ease;
$transition-base: 0.3s ease;
$transition-slow: 0.5s ease;

// 页面头部高度
$header-height: 120rpx;
$header-padding: 40rpx;

// 底部导航高度
$tabbar-height: 100rpx;
